<template>
  <div class="app-container">
    <div class="app-container-inner">
      <div class="main">
        <el-tabs v-model="activeName" class="demo-tabs">
          <el-tab-pane label="预警设置" name="first">
            <WarnCard />
          </el-tab-pane>
          <el-tab-pane label="窜货设置" name="second">
            <FleeCard />
          </el-tab-pane>
          <el-tab-pane label="防伪设置" name="third">
            <SecurCard />
          </el-tab-pane>
        </el-tabs>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
  import WarnCard from '../components/WarnCard/index.vue'
  import FleeCard from '../components/FleeCard/index.vue'
  import SecurCard from '../components/SecurCard/index.vue'
  import { ref } from 'vue'
  import routeComponentName from '@/config/route-component-name'

  defineOptions({
    name: routeComponentName.setting.snCodeFleeingGoodsSet,
  })

  const activeName = ref('first')
</script>

<style scoped lang="scss">
  @import './index';
</style>
